article#facebook {min-height:1000px;}
article#facebook .gambar-p .title {
  background-image:url(//urang-kurai-blogspot.googlecode.com/svn/trunk/UK/image/facebook.png);
  background-position:20px 0;
  background-repeat:no-repeat;
  height:310px;
  width:1000px;
  position:absolute;
  margin:-30px 0 0 -400px;
  z-index:1;
}
article#facebook > .bg-1x88z2 {
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  right:0;
  background-color:rgba(20,20,20,0.5);
  background-image:url(http://4.bp.blogspot.com/-NzQVniT9zms/Ua41BrR7ZzI/AAAAAAAAFU4/pMmZ7AWcJSU/s1600/bg-b-facebook.jpg);
  height:470px;
  -webkit-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  -moz-box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
  box-shadow:4px -8px 12px rgba(0,0,0,.9)inset;
}
article#facebook .fb-like {
  position:relative;
  z-index:1;
  margin:10px 0 0 0;
}
.facebook-wall {
  min-height:200px;
  position:relative;
}
article#facebook .tooltips {
  background-image:url(http://1.bp.blogspot.com/-RxuilEmfr4k/Ua0TBheu39I/AAAAAAAAFUY/W9yG8_dw2gg/s00-d/too-facebook.png);
  margin:-225px 0 0 316px;
  background-position:0 0;
  text-shadow:0 1px 0 #444;
  color:#eee;
}
article#facebook .arrow-pen {
  width:300px;
  height:300px;
  display:block;
  background:url(http://2.bp.blogspot.com/-dVreFkY61k8/Ua4vvYy7CuI/AAAAAAAAFUo/5OKX1da2Tt0/s00-d/arrow-pen.png)no-repeat top center!Important;
  position:absolute;
  margin:-130px 0 0 478px;
  z-index:7;
}
article#facebook .totals-Count {margin:0 0 0 -10px;}
article#facebook .facebook-wall .facebook-loading {
  width:16px;
  height:16px;
  background:url('http://urang-kurai-blogspot.googlecode.com/svn/trunk/UK/image/loader.gif') no-repeat 50% 50%;
  margin-top:-8px;
  margin-left:-8px;
  position:absolute;
  top:100px;
  left:50%;
}
article#facebook .facebook-wall .facebook-loading {
  -moz-animation:update-spinner 1s linear infinite;
  -webkit-animation:update-spinner 1s linear infinite;
  -ms-animation:update-spinner 1s linear infinite;
  animation:update-spinner 1s linear infinite;
}
article#facebook .facebook-wall li {list-style:none;}
article#facebook .facebook-wall li .meta-header,h2.titlee {
  float:left;
  box-shadow:inset 0 1px 0 0 #5a5a5a,-1px -1px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow:inset 0 1px 0 0 #5a5a5a,-1px -1px 5px rgba(0,0,0,0.4);
  background:rgb(69,69,69);
  
/* Old browsers */
 background:-moz-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* FF3.6+ */
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(69,69,69,1)),color-stop(100%,rgba(37,37,37,1)));
  
/* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* Opera 11.10+ */
 background:-ms-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* IE10+ */
 background:linear-gradient(to bottom,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545',endColorstr='#252525',GradientType=0 );
  
/* IE6-9 */
 display:block;
  width:95%;
  padding:4px;
  border-radius:6px 6px 0 0 !important;
  -webkit-border-radius:6px 6px 0 0 !important;
  position:relative;
  overflow:hidden;
}
article#facebook .facebook-wall li .meta-header .avatar {
  width:30px;
  height:30px;
  border-radius:100px;
  -webkit-border-radius:100px;
  overflow:hidden;
  padding:10px;
  float:left;
  top:10px;
  left:10px;
}
article#facebook .facebook-wall li .meta-header .avatar img {
  border-radius:100px;
  -webkit-border-radius:100px;
  width:100%;
  height:100%;
}
article#facebook .facebook-wall li .meta-header .author .titlee,h2.titlee {
  font-weight:bold;
  display:block;
  font:bold 20px/48px open sans,arial,sans serif;
  color:#111;
  text-shadow:0 1px 1px #454545;
}
article#facebook .facebook-wall li .meta-header .date {display:none;}
article#facebook .facebook-wall li .message {
  margin-bottom:50px;
  line-height:1.5em;
  overflow:hidden;
  word-wrap:break-word;
  text-overflow:ellipsis;
  float:left;
  width:100%;
}
article#facebook .content-wrap {
  float:left;
  padding:0;
  background-color:#222;
  border-top:1px solid #000;
  box-shadow:inset 0 1px 0 0 #353535,0 4px 5px rgba(0,0,0,0.75);
  -webkit-box-shadow:inset 0 1px 0 0 #222,0 4px 5px rgba(0,0,0,0.75);
  padding:20px;
  color:#555;
  margin:0 0 10px 0;
  width:88.4%;
  border-radius:0 0 6px 6px !important;
}
article#facebook .comment-list .content-wrap {
  border:none !important;
  box-shadow:none!Important;
  -webkit-box-shadow:none!Important;
  width:100%;
  padding:0;
}
article#facebook .comment-list .message {
  width:87.5% !important;
  background-color:rgba(130,130,130,0.2);
  color:#888;
  padding:20px;
  margin:0 0 8px 0!Important;
  border-radius:0 0 6px 6px !important;
  webkit-border-radius:0 0 6px 6px !important;
  border-top:1px solid rgba(0,0,0,0.4);
  box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.12),0 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow:inset 0 1px 0 0 rgba(250,250,250,0.12),0 1px 5px rgba(0,0,0,0.5);
}
}
article#facebook .comment-list .meta-header {
  width:100%;
  margin:0;
  float:left;
  display:block;
}
article#facebook .comment-list .meta-header .avatar {padding:3px 10px 0 3px!Important;}
article#facebook .comment-list .meta-header .author .titlee {
  font-weight:bold;
  display:block;
  font:bold 12px/28px open sans,arial,sans serif!Important;
}
article#facebook .comment-list .meta-header .avatar {
  width:23px!Important;
  height:23px!Important;
}
article#facebook .facebook-wall li .message a,article#facebook .facebook-wall li .story a {
  color:#888;
  text-decoration:underline;
}
article#facebook .facebook-wall li .media {
  color:#444;
  margin:10px 0;
  float:left;
}
article#facebook .facebook-wall li .media a {color:#444;}
article#facebook .facebook-wall li .media.border-left {padding-left:10px;}
article#facebook .facebook-wall li .media .image {
  margin-right:10px;
  margin-top:8px;
  float:left;
  position:relative;
  border:1px solid #555;
}
article#facebook .facebook-wall li .media .image img {
  max-width:100%;
  height:auto;
  padding:2px;
}
article#facebook .facebook-wall li .media .media-meta .name {font-weight:bold;}
article#facebook .facebook-wall li .media .media-meta .caption {font-style:italic;}
article#facebook .facebook-wall li .meta-footer {
  font-size:9px;
  line-height:16px;
  color:#444;
  clear:both;
}
article#facebook .facebook-wall li .meta-footer .seperator {padding:0 5px;}
.facebook-wall li ul.like-list {
  margin-top:1px;
  display:block;
  float:left;
}
article#facebook .facebook-wall li ul.like-list li.like {
  list-style:none;
  padding:0;
  margin:0;
  float:left;
}
article#facebook .facebook-wall li ul.like-list li.like img {
  width:20px;
  height:20px;
}
article#facebook .facebook-wall li ul.like-list li.like:first-child {margin-top:0;}
article#facebook .facebook-wall li ul.comment-list {margin-top:10px;}
article#facebook .facebook-wall li ul.comment-list li.read_more {
  min-height:1px;
  font-size:9px;
  line-height:16px;
  color:#a1a1a1;
  padding:0 10px 0 72px;
  border-top:none;
  margin:5px 0 -5px 0;
  display:block;
}
article#facebook .facebook-wall li ul.comment-list li.read_more a {color:#a1a1a1;}
article#facebook .album-wrapper,article#facebook .album {
  float:left;
  padding:20px 12px 20px 15px;
  border-radius:0 0 6px 6px;
  -webkit-border-radius:0 0 6px 6px;
  width:100%;
  display:block;
  background-color:#222;
  border-top:1px solid #000;
  box-shadow:inset 0 1px 0 0 #353535,0 4px 5px rgba(0,0,0,0.75);
  -webkit-box-shadow:inset 0 1px 0 0 #353535,0 4px 5px rgba(0,0,0,0.75);
}
article#facebook .album {width:97.7% !important;}
article#facebook .albumText {
  float:left;
  display:block;
  width:97.4%;
  height:37px;
  border-radius:6px 6px 0 0 !important;
  -webkit-border-radius:6px 6px 0 0 !important;
  padding:22px 20px 0 20px;
  box-shadow:inset 0 1px 0 0 #5a5a5a,-1px -1px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow:inset 0 1px 0 0 #5a5a5a,-1px -1px 5px rgba(0,0,0,0.2);
  background:rgb(69,69,69);
  
/* Old browsers */
 background:-moz-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* FF3.6+ */
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(69,69,69,1)),color-stop(100%,rgba(37,37,37,1)));
  
/* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* Opera 11.10+ */
 background:-ms-linear-gradient(top,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* IE10+ */
 background:linear-gradient(to bottom,rgba(69,69,69,1) 0%,rgba(37,37,37,1) 100%);
  
/* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545',endColorstr='#252525',GradientType=0 );
  
/* IE6-9 */;
}
article#facebook .albumThumb {margin-bottom:10px;}
article#facebook .albumThumb,article#facebook .albumThumb i {
  height:300px!Important;
  width:99%!Important;
  border-radius:6px;
  -webkit-border-radius:6px;
}
article#facebook .photoThumb,article#facebook .photoThumb i {
  height:80px!Important;
  width:116px!Important;
  margin:0;
  padding:0;
}
article#facebook .photoThumb i {
  filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  
/* For Webkit browsers */
 filter:gray;
  
/* For IE 6 - 9 */
 -webkit-transition:all .6s ease;
  
/* Fade to color for Chrome and Safari */
 filter:url("data:image/svg+xml;
  utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0.333 0.333 0.999 0 0 0.333 2.999 2.999 0.222 0\'/></filter></svg>#grayscale");
  
/* Firefox 10+,Firefox on Android */;
}
article#facebook .photoThumb i:hover {
  filter:grayscale(0%);
  -webkit-filter:grayscale(0%);
  filter:url("data:image/svg+xml;
  utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 2 0 1 0\'/></filter></svg>#grayscale");
}
article#facebook .albumThumb i,article#facebook .photoThumb i {
  background-color:#050505;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 1px 4px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4);
  display:block;
  position:relative;
  overflow:hidden;
}
article#facebook .album-wrapper {margin:0 0 10px 0!Important;}
article#facebook .albumThumb i:before,article#facebook .photoThumb i:before {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  bottom:0;
  right:0;
  left:0;
  font:100px arial,sans serif;
  background:url();
  background:-moz-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  background:-webkit-gradient(linear,left bottom,right top,color-stop(0%,rgba(0,0,0,0.11)),color-stop(49%,rgba(51,51,51,0.13)),color-stop(50%,rgba(255,255,255,0.13)),color-stop(99%,rgba(255,255,255,0.15)),color-stop(100%,rgba(255,255,255,0.15)));
  background:-webkit-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  background:-o-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  background:-ms-linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  background:linear-gradient(45deg,rgba(0,0,0,0.11) 0%,rgba(51,51,51,0.13) 49%,rgba(255,255,255,0.13) 50%,rgba(255,255,255,0.15) 99%,rgba(255,255,255,0.15) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c000000',endColorstr='#26ffffff',GradientType=1 );
  opacity:0.8;
}
article#facebook .albumThumb i:hover {
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
  opacity:0.3;
}
article#facebook .photoWrapper {float:left;}
article#facebook .albumDetails {
  width:100%;
  padding:10px;
  font-size:11px;
  font-family:open sans,arial,sans-serif;
}
article#facebook .albumCount {
  margin:15px 0 0 0;
  display:block;
  color:#111;
  text-shadow:0 1px 1px #454545;
}
article#facebook .fbLink {
  cursor:pointer;
  font-size:10px;
}
article#facebook .fbLink strong {
  display:block;
  clear:both;
  width:100%;
  color:#111;
  text-shadow:0 1px 1px #454545;
  font-size:18px;
}
article#facebook span.back {
  margin:0 0 0 10px;
  position:absolute;
  top:5px;
  font-size:20px;
  right:22px;
  z-index:1;
}
article#facebook span.title-album {
  float:right;
  font-size:10px;
  margin:0 10px 0 0;
}
article#facebook h2.titlee {
  padding:3px 20px;
  width:94.8%;
  display:block;
  position:relative;
  overflow:hidden;
}
.image {max-width:400px;}